<!-- 搜索组件 -->
<template>
  <el-col :span="6">
    <el-col :span="18">
      <el-input :placeholder="placeholder" prefix-icon="el-icon-search" v-model="searchInput"></el-input>
    </el-col>
    <el-col :span="6">
      <el-button type="primary" @click="handleSearch">搜索</el-button>

    </el-col>
  </el-col>
</template>
<script>
export default {
  props: {
    searchInput: {
      type: String,
      default: ''
    }
    placeholder: {
      type: String,
      default: '请输入内容'
    }
  },
  methods: {
    handleSearch() {

      this.$emit('search', this.searchInput);
    },

  }

}
</script>
<style></style>